<template>
  <div>
    <button @click="changefn">情况一ref定义的监听基本数据类型</button>

    <div>数量：{{ age }}</div>
  </div>
</template>
<script setup lang="ts"  name= "person555">
import { reactive, ref, toRefs, toRef, computed, watch } from "vue"; //使用那个函数前必须先导入那个函数

let age = ref(15);

let changefn = () => {
  age.value = age.value + 1;
};
// watch("监视谁","回调函数")
//age监听的是谁  是ref定义的数据  不是数据值 因此  是age
//可以停止监视  watch返回值就是个函数 执行这个函数可以停止监视  ,要监听多个话第一个参数可以直接写成数组
var stopwatch = watch(age, (newvalue, oldvalue) => {
  console.log("age变化啦");
  stopwatch();
});
</script>